import React, { useState } from "react";

function Tap() {
  const zuo = () => {

  }
  const you = () => {

  }
  return (
    <div className="tap">
      <ul>
        <li>
          <img src="src/img/yao.png" alt="" />
        </li>
        <li><img src="src/img/tou.png" alt="" /></li>
        <li><img src="src/img/qian.png" alt="" /></li>
        <li><img src="src/img/tui.png" alt="" /></li>
        <li><img src="src/img/zhao.png" alt="" /></li>
        <li><img src="src/img/jiao.png" alt="" /></li>
        <li><img src="src/img/hu.png" alt="" /></li>
        <li><img src="src/img/kua.png" alt="" /></li>
      </ul>
      {/* 左 */}
      <span className="you" onClick={zuo}>{"<"}</span>
      {/* 右 */}
      <span className="zuo" onClick={you}>{">"}</span>
    </div>
  )
}
export default Tap;